<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>欢迎来到岗位分析系统</title>
    <link rel="stylesheet" href="/static/css/bootstrap.css">
    <style>
        body {
            background-image: url("/static/img/index.jpg");
            background-size: 60%;
            background-repeat: no-repeat;
            background-position: 50% 40px;
            background-color: #fefefa;
        }

        .input {
            margin-top: 45%;
            margin-bottom: 50px;
            width: 530px;
            height: 50px;
            border: 2px solid #26292d;
            border-radius: 40px;
            text-align: center;
            font-weight: 600;
            color: #2a2d2f;
            background-color: #fefefa;
        }

        .btn {
            background-color: #fff;
            width: 106px;
            height: 50px;
            margin-left: 18px;
            border: 2px solid #26292d;
            border-radius: 40px;
            color: #2a2d2f;
            background-color: #fefefa;
        }
        .btn2:hover {
            color: #2a2d2f!important;
            background-color: #fefefa!important;
        }
        .btn:hover {
            background-color: #515151;
            color: #fff;
        }
        .btn2 {
            margin-left: 100px;
            line-height: 35px;
            width: 163px!important;
        }
        .btns {
            {#margin-top: 20px;#}
            text-align: center;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-offset-3 col-md-8">
            <input type="text" id="key" class="input" placeholder="请输入要查找的岗位">
            <input type="submit" id="btn" class="btn">
        </div>
        <div class="btns">
            <a href="{% url 'login_out' %}">
                <button class="btn">退出登录</button>
            </a>
            <a href="{% url 'show' %}">
                <div class="btn btn2" id="anal_btn">查看数据分析报表</div>
            </a>
        </div>
    </div>

</div>
</body>

<script src="/static/js/jquery-3.1.1.min.js"></script>
<script src="/static/js/index.js"></script>
{#<script src="/static/js/show.js"></script>#}
</html>